@CHARSET "UTF-8";

body {
	background-color: #111;
	background-image: url("background.jpg");
}

#list-wrap {
	margin-top: 20px;
	border-style: solid;
	border-width: 3px;
	border-color: #333;
	background-color: white;
	-webkit-border-radius: 10px;
	width: 400px;
	-webkit-box-shadow: 0px 0px 0px #333;
	-webkit-transform: translate(0, -200px) scale(1.2) rotate(-7deg);
	-webkit-transition: all .5s ease-in-out;
}

#list-wrap.show {
	-webkit-transform: translate(0, 0);
	-webkit-box-shadow: 2px 2px 15px #333;
}

#list thead {
	background-color: #333;
	color: white;
}

#list tbody tr td {
	border-bottom: solid #CBE3F9 1px;
}

#newEditor input {
	width: 100%;
	height: 100%;
	border: none;
	background-color: transparent;
}

#list td {
	height: 30px;
	padding: 0px;
}

#list td#new-button {
	width: 20px;
	text-align: right;
	padding-right: 10px;
	cursor: pointer;
}

td.handle {
	color: white;
	width: 20px;
	text-align: center;
}

td.name-cell {
	color: #333;
	width: 150px;
}

td.email-cell {
	color: #C9783E;
	width: 230px;
}

#list tbody tr:HOVER {
	background-color: #eeeeee;
}

#list tbody tr:HOVER td.handle {
	color: 999;
}